{% extends "base.html" %}

{% block title %}
    <a class="navbar-brand mx-auto" href="#">密码修改</a>
{% endblock %}

{% block midbody %}
    <span class="border border-info">
    <div class="container">
		<form method="POST" action="" name="form1">
			{% csrf_token %}
            <P></P>
			<div class="form-group">
                 <input type="text" class="form-control" id="apptype" name="apptype" placeholder="注册用户类型" style="display: none;">
				<label for="username"><span style="color: red">*</span>用户名:</label>
				<input type="text" class="form-control" id="username" name="username" placeholder="请输入您的用户账号">
			</div>
			<div class="form-group">
                <label for="password"><span style="color: red">*</span>新密码:</label>
                <input type="password" class="form-control" id="password" name="password" placeholder="请输入:6-20个字符">
                <label for="confirm_pwd"><span style="color: red">*</span>确认密码:</label>
                <input type="password" class="form-control" id="confirm_pwd" name="confirm_pwd" placeholder="请再次输入密码">
            </div>
            <label for="mpanel1"><span style="color: red">*</span>人机验证:</label>
            <div id="mpanel1" >
            </div>
            <div class="form-group">
                <label for="email"><span style="color: red">*</span>邮箱地址:</label>
                <div class="input-group">
                    <input type="text" class="form-control" id="email" name="email" placeholder="用于验证的邮箱地址">
                        <div class="input-group-append">
                            <button class="btn btn-primary" type="submit" id="send-btn">发送验证码</button>
                        </div>
                </div>
                <div class="form-group">
                    <label for="message"><span style="color: red">*</span>验证码:</label>
                    <input type="text" class="form-control" id="message" name="message" placeholder="请输入收到的验证码">
                </div>
            </div>
            <p></p>
            <div style="display: flex; justify-content: center; align-items: center; height: 100%;">
			    <button class="btn btn-primary" id="changePwd" name="changePwd">修改密码</button>
                <button class="btn btn-primary" id="back" name="back" style="margin-left: 10px">返回</button>
		    </div>
        </form>
        <label></label>

	</div>
    </span>
{% endblock %}



